.middle{
    width: 80%;
    margin: 20px auto;
}
.middle ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.middle ul li{
    width: 260px;
    height: 260px;
    border: 1px solid rgb(80, 78, 78);
    text-align: center;
    margin: 20px 0;
    background: gainsboro;
}
.middle ul li:hover{
    cursor: pointer;
    background: rgb(105, 163, 218);
}
.middle ul li h1{
    color: red;
}
.middle ul li h2{
    color: rgb(245, 173, 28);
}
